.kimi-chat {
    height: 100vh;
    
    .ant-layout-sider {
        border-right: 1px solid #f0f0f0;
        overflow: hidden;
    }
    
    &__sidebar {
        height: 100%;
        overflow: auto;
    }
    
    &__main {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border-right: 1px solid #f0f0f0;
    }
    
    &__data {
        height: 100%;
        overflow: auto;
    }
    
    // 自定义滚动条样式
    &__sidebar,
    &__data {
        &::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        
        &::-webkit-scrollbar-track {
            background: transparent;
            border-radius: 3px;
        }
        
        &::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.15);
            border-radius: 3px;
            
            &:hover {
                background: rgba(0, 0, 0, 0.3);
            }
        }
    }
}

// 响应式设计
@media (max-width: 1200px) {
    .kimi-chat {
        .ant-layout-sider-children {
            width: 100%;
        }
    }
}

@media (max-width: 768px) {
    .kimi-chat {
        flex-direction: column !important;
        height: auto;
        min-height: 100vh;
        
        .ant-layout-sider {
            max-width: 100% !important;
            width: 100% !important;
            flex: none !important;
        }
        
        &__sidebar {
            height: 200px;
        }
        
        &__main {
            flex: 1;
            min-height: 50vh;
        }
        
        &__data {
            height: 300px;
        }
    }
}